/*
**  Whoopsfeed 爱购网
**  作者：杨o00o子
**  地址：http://whoopsfeed.com
**  本文件不开放，禁止任何复制、引用、演绎行为
**  所有代码在上线前理应使用YC压缩
**  贡献者(加入顺序)：YangZi、XX
*/

//登录/注册弹出层
var LoginRegisteDialogTemp = template(
    '<div id="_dialog_login_register" class="dialog" style="display: none;">' +
        '<div style="width: 600px; margin-left: -300px; top: 99.5px;" class="fillet">' +
            '<div class="corner">' +
                '<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span></div>' +
            '<div class="panel">' +
                '<div class="boxGuide">' +
                    '<div class="title">' +
                        '<h3>收藏宝贝，分享分享</h3>' +
                        '<p>爱购，品质生活导购,让我更懂生活。从这里开始，发现喜欢，改变生活。我们为你推荐适合的消费，是你购物决策的贴心助理。整合商品信息、网友评价，服务质量和价格比较。</p></div>' +
                    '<div class="regGuide">' +
                        '<div class="tab">' +
                            '<ul class="white">' +

                                '<li <% if(type == "_login"){ %>class="first active"<% }else{ %>class="first"<% } %>><span>登录</span></li>' +
                                '<li <% if(type == "_registe"){ %>class="last active"<% }else{ %>class="last"<% } %>><span>注册账号</span></li>' +
                            '</ul>' +
                        '</div>' +
                        '<div class="box">' +
                            '<form <% if(type == "_login"){ %>style="display:block"<% }else{ %>style="display:none"<% } %> action="/login" method="post">' +
                                '<dl class="formset"><input type="hidden" name="returnUrl" value="/">' +
                                    '<dt>用户名或邮箱:</dt>' +
                                    '<dd><input type="text" name="username" value=""></dd>' +
                                    '<dt>密码:</dt>' +
                                    '<dd><input type="password" name="password" value=""></dd>' +
                                    '<dd class="button"><input type="submit" value="登录" class="main"></dd>' +
                                '</dl>' +
                            '</form>' +
                            '<form action="/register" method="post" <% if(type == "_registe"){ %>style="display:block"<% }else{ %>style="display:none"<% } %>>' +
                                '<input type="hidden" name="code" value="bb"><input type="hidden" name="callback" value="/">' +
                                '<dl class="formset">' +
                                    '<dt>用户名:</dt>' +
                                    '<dd><input type="text" name="username" maxlength="15" value=""></dd>' +
                                    '<dt>邮箱:</dt>' +
                                    '<dd><input type="text" name="email" value=""></dd>' +
                                    '<dt>密码:</dt>' +
                                    '<dd><input type="password" name="password" value=""></dd>' +
                                    '<dd class="button"><input type="submit" value="注册" class="main"></dd>' +
                                '</dl>' +
                            '</form>' +
                            '<div class="appGuide">' +
                                '<h3>用合作账号登录:</h3>' +
                                '<p>' +
                                    '<a class="sina" href="/account/loginapp?app=sina&amp;returnUrl=/">新浪微博账号</a>' +
                                    '<a class="qq" href="/account/loginapp?app=qq&amp;returnUrl=/">腾讯微博账号</a>' +
                                    '<a class="sohu" href="/account/loginapp?app=sohu&amp;returnUrl=/">搜狐微博账号</a>' +
                                    '<a class="douban" href="/account/loginapp?app=douban&amp;returnUrl=/">豆瓣账号</a>' +
                                '</p>' +
                            '</div>' +
                        '</div>' +
                        '<div class="split">OR</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
            '<em id="_close_login_register" class="close"></em></div>' +
        '<iframe frameborder="0" src="javascript:void(0);" allowtransparency="true" class="mask_iframe"></iframe>' +
        '<div class="mask"></div>' +
    '</div>'
);

//推荐宝贝弹出层
var RecommendBaobeiDialogTemp = template(
    '<div id="_dialog_recommend_baobei" class="dialog">' +
        '<div style="width: 650px; margin-left: -325px; top: 61px;" class="fillet">' +
            '<div class="corner">' +
                '<span class="tl"></span><span class="tr"></span><span class="br"></span><span class="bl"></span></div>' +
            '<div class="panel">' +
                '<div class="newkeep">' +
                    '<div class="tab">' +
                        '<ul>' +
                            '<li class="active" ><span class="icon-link">推荐宝贝</span></li>' +
                            '<li class=""><span class="icon-import">加入喜欢</span></li>' +
                            '<li class=""><span class="icon-upload">分享爱购</span></li>' +
                        '</ul>' +
                    '</div>' +
                    '<div id="_recommend_info">'+

                    '</div>'+
                '</div>' +
            '</div>' +
            '<em id="_close_recommend_baobei" class="close"></em></div>' +
        '<iframe frameborder="0" src="javascript:void(0)" allowtransparency="true" class="mask_iframe"></iframe>' +
        '<div class="mask"></div>' +
    '</div>'
);

//宝贝信息模版
var RecommendBaobeiUrlTemp = template(
    '<div class="tabContent" style="display: block;">' +
        '<div class="tabPanel">' +
            '<dl class="formset linkForm">' +
                '<dd class="meta">* 只需3步即可完成宝贝收藏与分享，快来试一试吧！</dd>' +
                '<dt>输入URL(宝贝地址)：</dt>' +
                '<dd>' +
                    '<input type="text" class="ipt" value="http://item.taobao.com/item.htm?spm=a2106.m893.1000384.d139.3OFGHL&id=17766271413&scm=1029.newlist-0.bts3.50031712&ppath=" name="url">' +
                    '<span class="button_big_main"><span>' +
                    '<button type="submit" id="_submit_get_baobei_info">添加</button>' +
                    '</span></span>' +
                '</dd>' +
                '<dd class="meta" id="_http_status"></dd>' +
                '<dd class="meta">* 智能识别宝贝链接（暂只支持 淘宝，天猫 网址）<br>* 系统会自动保存宝贝信息，且宝贝主要信息不得被修改<br>* 系统会自动推荐标签，也可以手动修改保存标签信息</dd>' +
            '</dl>' +
        '</div>' +
    '</div>'
);
var RecommendBaobeiInfoShowTemp = template(
    '<div class="tabForm contents" style="display:block;">' +
        '<div class="thumb"><img src="<%= thumb%>" width="160px" height="160px"></div>' +
        '<div class="thumb-list">' +
            '<ul>' +
            '<% for (i = 0; i < thumb_list.length; i ++) { %>' +
                '<li><img src="<%= thumb_list[i] %>" class="selected" width="45px" height="45px"></li>' +
            '<% } %>'+
            '</ul>' +
        '</div>' +
        '<div class="back" id="_back_recommend"><a href="javascript:;">&lt;&lt;返回</a></div>' +
        '<div>' +
            '<div class="keepWrap">' +
                '<h3>宝贝信息&nbsp;<font id="_http_status"></font></h3>' +
                '<div class="item">' +
                    '<label>专辑：</label>' +
                    '<div class="select" id="_baobei_album_select">' +
                        '<span>请选择专辑</span>' +
                        '<input type="hidden" value="" name="album_id">' +
                        '<em></em>' +
                    '</div>' +
                '</div>' +
                '<div class="item">' +
                    '<label>名称：</label>' +
                    '<div class="p">' +
                        '<p id="_baobei_title" title="<%= realy_baobei_title%>"><%= baobei_title%></p>' +
                    '</div>' +
                '</div>' +
                '<div class="item">' +
                    '<label>价格：</label>' +
                    '<div class="p">' +
                        '<p id="_baobei_price"><%= baobei_price%></p>' +
                    '</div>' +
                '</div>' +
                '<div class="item">' +
                    '<label>分类：</label>' +
                    '<div class="select" id="_baobei_type_select">' +
                        '<span>请选择分类</span>' +
                        '<input type="hidden" value="" name="type_id">' +
                        '<em></em>' +
                    '</div>' +
                '</div>' +
                '<div class="item">' +
                    '<label>标签：</label>' +
                    '<div class="input inputTag">' +
                        '<input type="text" id="_baobei_tags" value="<%= baobei_tags%>" name="tags"  class="hint_blank">' +
                    '</div>' +
                '</div>' +
                '<div class="item">' +
                    '<label>简介：</label>' +
                    '<div class="textarea">' +
                        '<textarea name="description"></textarea>' +
                    '</div>' +
                '</div>' +
                '<div class="button">' +
                    '<div class="checkbox">' +
                        '<label>' +
                            '<input type="checkbox" value="true" name="like">加入喜欢' +
                        '</label>' +
                        '</div>' +
                    '<div class="checkbox"><a target="_blank" href="/setting/sync">设置同步?</a></div>' +
                    '<button type="submit" class="main" id="_submit_add_baobei_info">提交</button>' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>'
);

var RecommendBaobeiInfoStatusTemp = template(
    '<div style="display: block;" class="tabForm">' +
        '<div class="keep-failure">' +
            '您已经收藏过这个宝贝了 :)<br><a id="_back_recommend" href="javascript:;">&lt;&lt;返回</a>' +
        '</div>' +
    '</div>'
);

//推荐宝贝信息 给用户加入喜欢列表
var RecommendBaobeiAddLikeTemp = template(
    '<div class="boxGuide">' +
        '<div class="boxPanel findInterest">' +
            '<span  id="J_GoodsPubD">' +
                '<div class="form-row clearfix">' +
                    '<div class="goods-gallery">' +
                        '<div class="gallery-bd">' +
                            '<div class="baobeiitems">' +
                                '<ul>' +
                                    '<li class="selected">' +
                                        '<a href="javascript:void(0);">' +
                                            '<img src="http://img03.taobaocdn.com/bao/uploaded/i3/18055018800961485/T1u63uXe4dXXXXXXXX_!!0-item_pic.jpg_310x310.jpg">' +
                                        '</a>' +
                                        '<i></i>' +
                                    '</li>' +
                                '</ul>' +
                            '</div>' +
                        '</div>' +
                     '</div>' +
                '</div>' +
            '</span>' +
            '<div style="display: block;" class="button"><span class="button_big_main" ><span>下一步</span></span></div>' +
        '</div>' +
    '</div>'
);

//分享爱购到SNS交流网站
var RecommendBaobeiShareTemp = template(
    '<div class="tabContent" style="display:block;">' +
        '<div class="tabPanel">' +
            '<div class="items">' +
                '<a href="https://chrome.google.com/webstore/detail/cfchejhoffjbajclionfhafcgikfmcnp">' +
                    '<span class="icons icon-chrome">你觉得爱购不错吧！<em>赶快分享到Sina微博吧！</em></span>' +
                '</a>' +
                '<a href="http://static.ikeepu.com/download/ikeepu.1.6.xpi">' +
                    '<span class="icons icon-firefox">你觉得爱购不错吧！<em>赶快分享到Tencent微博吧！</em></span>' +
                '</a>' +
                '<a href="http://static.ikeepu.com/download/ikeepu.1.5.safariextz">' +
                    '<span class="icons icon-safari">你觉得爱购不错吧！<em>赶快分享到RenRen微博吧！</em></span>' +
                '</a>' +
                '<a href="/app/20">' +
                    '<span class="icons icon-ie">你觉得爱购不错吧！<em>赶快分享到Taobao网吧！</em></em></span>' +
                '</a>' +
            '</div>' +
        '</div>' +
    '</div>'
);

//select 选择框 como_menuitem_selected 下拉框选中效果
var AllSelectTemp = template(
    '<div id="<%= id %>">' +
        '<div class="como_menu category_selector" style="display: block;position: fixed; left: <%= left %>px; top: <%= top %>px;z-index: 900">' +
            '<div class="como_menuitem" id="1" style="cursor: pointer">' +
                '<div class="como_menuitem_label">' +
                    '<div class="como_menuitem_checkbox"></div>' +
                '我的宝贝库</div>' +
            '</div>' +
            '<div class="como_menuitem" id="2" style="cursor: pointer">' +
                '<div class="como_menuitem_label">' +
                    '<div class="como_menuitem_checkbox"></div>' +
                '我的最爱库</div>' +
            '</div>' +
            '<div class="como_menuitem" id="new" style="cursor: pointer">' +
                '<div class="como_menuitem_label">' +
                    '<div class="como_menuitem_checkbox"></div>' +
                    '<font color="#336699">新建专辑</font>' +
                    '</div>' +
            '</div>' +
        '</div>' +
    '</div>'
);

//专辑相关模版 1 , 2
//1 添加/创建 专辑
var AlbumAddTemp = template(
    '<div id="<%= id %>"  class="iku-popup" style="margin-top: <%= css_top %>">' +
        '<div style="top: 10px; width: 500px;" class="iku-pop">' +
            '<div class="iku-corner">' +
                '<span class="iku-tl"></span><span class="iku-tr"></span><span class="iku-br"></span><span class="iku-bl"></span>' +
            '</div>' +
            '<div class="iku-panel">' +
                '<div style="margin-left: -50px;" class="iku-tab">' +
                    '<ul style="_width: 105px;">' +
                        '<li class="iku-title"><span>创建专辑</span></li>' +
                    '</ul>' +
                '</div>' +
                '<div class="iku-body">' +
                    '<div class="iku-corner">' +
                        '<span class="iku-tl"></span><span class="iku-tr"></span><span class="iku-br"></span><span class="iku-bl"></span>' +
                    '</div>' +
                    '<div class="iku-content">' +
                        '<dl class="formsub">' +
                            '<dt>专辑名:</dt>' +
                            '<dd><input type="text" name="name"></dd>' +
                            '<dt>所属分类:</dt>' +
                            '<dd><select name="interest">' +
                                '<option value="0">请选择兴趣</option>' +
                                '<option value="1">设计&amp;创意</option>' +
                                '<option value="2">美图</option>' +
                                '<option value="3">时尚</option>' +
                                '<option value="4">生活</option>' +
                                '<option value="5">游戏</option>' +
                                '<option value="6">旅游</option>' +
                                '<option value="7">学习</option>' +
                                '<option value="8">科技</option>' +
                                '<option value="9">美女</option>' +
                                '<option value="10">娱乐</option>' +
                                '<option value="11">搞笑</option>' +
                                '<option value="12">体育</option>' +
                                '<option value="13">工具</option>' +
                                '<option value="14">社会&amp;人文</option>' +
                            '</select></dd>' +
                            '<dd><label><input type="radio" name="privacy" checked="" value="1" >公开</label><label><input type="radio" value="0" name="privacy">私有</label>' +
                            '</dd>' +
                        '</dl>' +
                    '</div>' +
                    '<div class="iku-tip"></div>' +
                '</div>' +
                '<div style="display: block;" class="iku-bottom">' +
                    '<button class="iku-b-submit">确定</button>' +
                    '&nbsp;&nbsp;' +
                    '<button class="iku-b-close">取消</button>' +
                '</div>' +
            '</div>' +
            '<em id = "<%= remove_id %>" title="关闭"></em></div>' +
        '<div style="display: block; opacity: 0.3;" class="iku-mask"></div>' +
    '</div>'
);
//2 修改/编辑 专辑
var AlbumEditTemp = template(
    ''
);

//新手帮助提示
var NoviceHelpTemp = template(
	'<div id="help" real_id="<%=real_id%>">'+
		'<a href="javascript:;" class="helpclose" title="关闭新手帮助">×</a>'+
		'<div id="step1" class="step" step="1" style="position:relative;left:50%;top:50%;margin-left:-160px;margin-top:-60px;width:380px;height:100px">'+
			'<p style="text-align:center">'+
				'<span class="h2">欢迎来到WhoopsFeed.com</span>'+
				'<br>下面我会简单介绍下如何使用，以便你快速上手<br>'+
				'<a href="javascript:;" class="next">下一步</a>'+
			'</p>'+
		'</div>'+
		'<div id="step2" class="step" step="2" style="top:90px;left:140px;width:250px">'+
			'<b class="jt jt_left" style="left:-40px;top:20px"></b>'+
			'<p>'+
				'<span class="h1">①</span><span class="h2">桌面</span>'+
				'<br>可以在应用中心添加自己需要的应用到桌面<br>'+
				'<a href="javascript:;" class="next">下一步</a>'+
			'</p>'+
		'</div>'+
		'<div id="step3" class="step" step="3" style="top:90px;left:550px;width:250px">'+
			'<b class="jt jt_top" style="top:-40px;left:30px"></b>'+
			'<p>'+
				'<span class="h1">②</span><span class="h2">应用码头</span>'+
				'<br>可以将桌面图标拖放到这<br>'+
				'<a href="javascript:;" class="next">下一步</a>'+
			'</p>'+
		'</div>'+
		'<div id="step4" class="step" step="4" style="top:130px;left:550px;width:250px">'+
			'<b class="jt jt_top" style="top:-40px;left:30px"></b>'+
			'<p>'+
				'<span class="h1">③</span><span class="h2">翻页导航</span>'+
				'<br>可以快速切换当前桌面<br>'+
				'<a href="javascript:;" class="next">下一步</a>'+
			'</p>'+
		'</div>'+
		'<div id="step5" class="step" step="5" style="bottom:50px;left:550px;width:250px">'+
			'<b class="jt jt_bottom" style="bottom:-40px;left:30px"></b>'+
			'<p>'+
				'<span class="h1">④</span><span class="h2">任务栏</span>'+
				'<br>这个就不用我介绍了吧 =)<br>'+
				'<a href="javascript:;" class="over">&nbsp;完&nbsp;成&nbsp;</a>'+
			'</p>'+
		'</div>'+
	'</div>'
);

//强制更新提醒
var CheckBrowserVersion = template(
    '<div class="update_browser">' +
        '<div class="subtitle">您正在使用的IE浏览器版本过低，<br>我们建议您升级或者更换浏览器，以便体验顺畅、兼容、安全的互联网。</div>' +
        '<div class="title">选择一款<span>新</span>浏览器吧</div>' +
        '<div class="browser">' +
            '<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie" class="ie" target="_blank" title="ie浏览器">ie浏览器</a>' +
            '<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html" class="chrome" target="_blank" title="谷歌浏览器">谷歌浏览器</a>' +
            '<a href="http://www.firefox.com.cn" class="firefox" target="_blank" title="火狐浏览器">火狐浏览器</a>' +
            '<a href="http://www.opera.com" class="opera" target="_blank" title="opera浏览器">opera浏览器</a>' +
            '<a href="http://www.apple.com.cn/safari" class="safari" target="_blank" title="safari浏览器">safari浏览器</a>' +
        '</div>' +
        '<div class="bottomtitle">[&nbsp;<a href="http://www.theie6countdown.cn" target="_blank">对IE6说再见</a>&nbsp;]</div>' +
    '</div>'
);